<HTML lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:mml = "http://www.w3.org/1998/Math/MathML">
<head>
<TITLE>MathEdit: A Browser-Based Visual Editor for Mathematical Expressions</TITLE>
<script language="javascript"> 

var old_menu=''; 
var old_cell=''; 
                               
function menuclick(submenu,cellbar) 
{
   var sm=document.getElementById(submenu);
   if( old_menu!=submenu ){ 
      if( old_menu!='' ){ 
        
          document.getElementById(old_menu).style.display="none"; 

      }  
      sm.style.display="block"; 
      old_menu = submenu; 
      old_cell = cellbar; 
   }
   else{ 
      sm.style.display="none"; 
      old_menu = ''; 
      old_cell = ''; 
   } 
} 
</script>
<link href="mathedit.css" rel="stylesheet" type="text/css"/>
</head>
<body onload="start()" onkeydown="doKey(event,1)">
	
<!--The first table-->

<table width="100%">
<tr>
<td width="78%">
<table id="toolbar2" name="toolbar2" bgcolor="#ece9d8" height="34">
<tbody><tr>
<td>
<div class="imagebutton" id="clear"><img class="image" src="image/tclear.png" alt="Clear(Ctrl+L)" title="Clear[Ctrl+L]" onclick="doNew()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="open"><img class="image" src="image/topen.gif" alt="Open[Ctrl+O]" title="Open[Ctrl+O]" onclick="doOpen()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="save"><img class="image" src="image/tsave.gif" alt="Save[Ctrl+S]" title="Save[Ctrl+S]" onclick="doSave()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>

<td>
</td>
<td>
<div class="imagebutton" id="cut"><img class="image" src="image/tcut.gif" alt="Cut[Ctrl+X]" title="Cut[Ctrl+X]" onclick="doCut()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="copy"><img class="image" src="image/tcopy.gif" alt="Copy[Ctrl+C]" title="Copy[Ctrl+C]" onclick="doCopy()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="paste"><img class="image" src="image/tpaste.gif" alt="Paste[Ctrl+V]" title="Paste[Ctrl+V]" onclick="doPaste()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
</td>
<td style="cursor:pointer">
<div class="imagebutton" id="undo"><img class="image" src="image/tundo.gif" alt="Undo[Ctrl+Z]" title="Undo[Ctrl+Z]" onclick="undo()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="redo"><img class="image" src="image/tredo.gif" alt="Redo[Ctrl+Y]" title="Redo[Ctrl+Y]" onclick="redo()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
</td>
<td>
<select id="font" onchange="doStyle('fa',this.value)">
	<option value="Font">Font</option>
	<option value="Arial">Arial</option>
	<option value="Courier">Courier</option>
	<option value="Garamond">Garamond</option>
	<option value="Times New Roman">Times New Roman</option>
</select>
</td>
<td>
<select id="fontsize" onchange="doStyle('si',this.value)">
	<option value="Size">Size</option>
	<option value="8">8pt</option><option value="10">10pt</option>
	<option value="12">12pt</option><option value="16">16pt</option>
	<option value="20">20pt</option><option value="24">24pt</option>
	<option value="28">28pt</option><option value="32">32pt</option>
	<option value="40">40pt</option><option value="-1">Input</option>
	</select>
</td>
<td>
<div class="imagebutton" id="bold"><img src="image/tbold.gif" alt="Bold[Ctrl+Q]" title="Bold[Ctrl+Q]" onclick="doStyle('va','bold')" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="italic"><img src="image/titalic.gif" alt="Italic[Ctrl+K]" title="Italic[Ctrl+K]" onclick="doStyle('va','italic')" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td style="cursor:pointer" onclick="doStyle('co','f')">
<div class="imagebutton" id="forecolor"><img class="image" src="image/tforecolor.gif" alt="Text Color[Ctrl+T]" title="Text Color[Ctrl+T]" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td style="cursor:pointer" onclick="doStyle('co','b')">
<div class="imagebutton" id="hilitecolor"><img class="image" src="image/tbackcolor.gif" alt="Background Color[Ctrl+G]" title="Background Color[Ctrl+G]" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<td>
<div class="imagebutton" id="mathml"><img src="image/tc.gif" alt="selectedMathml" title="selectedMathml" onclick="selectedMathml()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
<!--
<td>
<div class="imagebutton" id="infix"><img src="image/ti.gif" alt="infix" title="selectedInfix" onclick="selectedInfix()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></div>
</td>
-->
<td>
</td>
</tr>
<tr>
	<td colspan="19" >
		<input type="text" id="infixinputbox" style=" vertical-align: middle" size="58" onfocus="infixfocus()" onblur="infixblur()" /><span id="infix"><img src="image/infix_t.png" style=" vertical-align: middle" alt="Infix" title="Infix" onclick="disInfixChange()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></span>
		<input type="text" id="sinfixinputbox" style=" vertical-align: middle" size="25" onfocus="infixfocus()" onblur="infixblur()" /><span class="imagebutton" id="sinfix"><img src="image/ti.gif" style=" vertical-align: middle" alt="selectedInfix" title="selectedInfix" onclick="selectedInfixChange()" onmouseover="this.style.border='solid 1px #C0C0C0'" onmouseout="this.style.border='none'"/></span>
	</td>
</tr>
</tbody>
</table>
</td><td></td><td></td>
<td width="22%" align="left" Style="">
<strong><font color="red">M</font>ath<font color="red">E</font>dit</strong></td></tr>
</table>

<!--The second Table-->

<table width="100%" border="0" cellpading="0" tablespace="0">
<tr>
 <td width="75%" height="510" valign="top">
 <iframe id='design_frame' name='design_frame' width='100%' height='70%'>
 </iframe>
 <p>
 <table width="100%" border="0">
  <tr>
  	<td width="10%"><a href="#" onclick="doDesign()">Design</a></td>
    <td width="20%"><a href="#" onclick="doContent()">MML-Content</a></td>
    <td width="25%"><a href="#" onclick="doPresentation()">MML-Presentation</a></td>
   <!-- <td width="10%"><a href="#" onclick="doInfix()">Infix</a></td> -->
    <td width="10%"><a href="#" onclick="doPreview()">Preview</a></td>
    <td width="25%" align="right"><a href="http://wme.lzu.edu.cn">2005-2010&copy;WME</a></td>
  </tr>
   <tr>
  	<td colspan="5"><input type="button" name="return" value="Return to the main window" onclick="doReturn()" /></td>
  </tr>
 </table>
 </p>
 </td>
 <td width="25%" valign="top">
 <table id="mathsign" name="mathsign" border="1" cellpadding="1" cellspacing="0" bordercolor="#FFCC00" width="130" style="position:relative;left:5px;top:1px" bordercolorlight="#eeeeee" bgcolor="#ffffff">
   <tr  width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu1','bar1')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu1">
     	     	<img id="bar1" src="image/menu1.gif" />    
     	 </td>
   </tr>
   <tr>
    	 <td align="center">
    	   	<span id="submenu1" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('plus',22)"><img src="image/s1plus.gif"  title="plus(+)"  alt="plus(+)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('minus',21)"><img src="image/s1minus1.gif"  title="minus(-)" alt="minus(-)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('minus',1)"><img src="image/s1minus2.gif"  title="minus(Alt+-)" alt="minus(Alt+-)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('times',20)"><img src="image/s1times.gif"  title="times(*)" alt="times(*)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('divide',2)"><img src="image/s1frac.gif" title="divide(/)" alt="divide(/)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('power',2)"><img src="image/s1sup.gif"  title="power(Shift+6)" alt="power(Shift+6)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('root',1)"><img src="image/s1sqrt.gif"  title="sqrt(Alt+S)" alt="sqrt(Alt+S)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('root',8)"><img src="image/s1root.gif"  title="root(Alt+R)" alt="root(Alt+R)"/></td>  
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('abs',1)"><img src="image/s1abs.gif"  title="abs(Alt+A)" alt="abs(Alt+A)"/></td>
    	   	   
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('ceiling',1) "><img src="image/s1ceiling.gif"  title="ceiling(Alt+C)" alt="ceiling(Alt+C)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('floor',1)"><img src="image/s1floor.gif"  title="floor(Alt+F)" alt="floor(Alt+F)" /></td> 
    	   	   </tr>     	   	    
    	   	</table>
    	  	</span> 
       </td> 
    </tr>
    
    <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu2','bar2')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu2">
     	     	<img id="bar2" src="image/menu2.gif" /> 
     	  </td>   
    </tr>
    <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu2" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('sum',1)"><img src="image/s2sum1.gif"  title="sum(Alt+2)" alt="sum(Alt+2)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('sum',10)"><img src="image/s2sum2.gif"  title="sum(Alt+3)" alt="sum(Alt+3)"/></td>  
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('sum',12)"><img src="image/s2sum3.gif"  title="sum(Alt+4)" alt="sum(Alt+4)"/></td>    	   	  
    	   	   </tr>
    	   	    <tr>
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('log',9)"><img src="image/s2log.gif"  title="log(Alt+L)" alt="log(Alt+L)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('log',1)"><img src="image/s2lg.gif"  title="log(Alt+G)" alt="log(Alt+G)"/></td>  
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('ln',1)"><img src="image/s2ln.gif"  title="ln(Alt+N)" alt="ln(Alt+N)"/></td>    	   	  
    	   	   </tr>
    	   	   <tr>
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('limit',12)"><img src="image/s2lim.gif"  title="lim(Alt+M)" alt="lim(Alt+M)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('product',10)"><img src="image/s2prod.gif"  title="product(Alt+@)" alt="product(Alt+@)"/></td> 
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('product',12)"><img src="image/s2prod1.gif"  title="product(Alt+#)" alt="product(Alt+#)"/></td> 
    	   	   </tr>
    	   	   </table>
    	  	</span> 
       </td> 
    </tr>    
    
    <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu3','bar3')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu3">
     	     	<img id="bar3" src="image/menu3.gif" />    
        </td>   
    </tr>
    <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu3" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('eq',2)"><img src="image/s3eq.gif" title="eq(=)" alt="eq(=)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('neq',2)"><img src="image/s3noteq.gif" title="neq(Alt+!)" alt="neq(Alt+!)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('gt',2)"><img src="image/s3gt.gif" title="gt(>)" alt="gt(>)"/></td>    	   	  
    	   	   </tr>                                                                                   
    	   	   <tr>                                                                                    
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('lt',2)"><img src="image/s3lt.gif" title="lt(>)" alt="lt(>)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('geq',2)"><img src="image/s3geq.gif" title="geq(Alt+.)" alt="geq(Alt+.)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('leq',2)"><img src="image/s3leq.gif" title="leq(Alt+,)" alt="leq(Alt+,)"/></td>    	   	   
     	   	   </tr>
     	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('approx',2)"><img src="image/s3dapprox.gif" title="approx(~)" alt="approx(~)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('equivalent',2)"><img src="image/s3equiv.gif" title="equivalent(Alt+=)" alt="equivalent(Alt+=)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('factorof',2)"><img src="image/s3factorof.gif" title="factorof(Alt+Z)" alt="factorof(Alt+Z)"/></td>
    	   	   </tr> 
    	   	   </table>
    	  	</span> 
       </td> 
    </tr>  

   <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu4','bar4')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu4">
     	     	<img id="bar4" src="image/menu4.gif"/>    
        </td>   
   </tr>
   <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu4" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('not',1)"><img src="image/s4not.gif" title="not(Alt+1)" alt="not(Alt+1)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('and',2)"><img src="image/s4wedge.gif" title="and(Alt+@)" alt="and(Alt+@)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('or',2)"><img src="image/s4vee.gif" title="or(Alt+|)" alt="or(Alt+|)"/></td>     	   	 
    	   	   </tr>
    	   	   <tr>
    	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('forall',7)"><img src="image/s4forall.gif" title="forall(Alt+Y)" alt="forall(Alt+Y)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('exists',7)"><img src="image/s4exist.gif" title="exist(Alt+E)" alt="exist(Alt+E)"/></td>     	   	 
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('implies',2)"><img src="image/s4drightarrow.gif" title="implies(Alt+9)" alt="implies(Alt+9)"/></td>
    	   	   </tr>    	                                                                       
    	   	   <tr>    	   	   	
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('xor',2)"><img src="image/s4xor.gif" title="xor(Alt+X)" alt="xor(Alt+X)"/></td>
    	   	  </tr>     	   	   
    	   	   </table>    	   	   
    	  	</span> 
       </td> 
    </tr>
     
     <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu5','bar5')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu5">
     	     	<img id="bar5" src="image/menu5.gif"/>    
        </td>   
     </tr>
    <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu5" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('in',2)"><img src="image/s5belong.gif" title="in(Alt+I)" alt="in(Alt+I)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('notin',2)"><img src="image/s5notbelong.gif" title="notin(Alt+B)" alt="notin(Alt+B)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('prsubset',2)"><img src="image/s5subset.gif" title="prsubset(Alt+P)" alt="prsubset(Alt+P)"/></td>    	    
    	   	   </tr>
    	   	   <tr>	
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('subset',2)"><img src="image/s5subseteqq.gif" title="subset(Alt+U)" alt="subset(Alt+U)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('notprsubset',2)"><img src="image/s5notsub.gif" title="notsubset(Alt+J)" alt="notsubset(Alt+J)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('notsubset',2)"><img src="image/s5notsubeq.gif" title="notprsubset(Alt+K)" alt="notprsubset(Alt+K)"/></td>    	    
    	   	   </tr>
    	   	   <tr> 
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('intersect',2)"><img src="image/s5intersection.gif" title="intersect(Alt+7)" alt="intersect(Alt+7)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('union',2)"><img src="image/s5merge.gif" title="union(Alt+\)" alt="union(Alt+\)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u2205',1)"><img src="image/s5emptyset.gif" title="emptyset(Alt+0)" alt="emptyset(Alt+0)"/></td>   	   	    
     	   	   </tr> 
     	   	    <tr> 
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('interval',19)"><img src="image/s5loro.gif" title="interval(Alt+))" alt="interval(Alt+))"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('interval',17)"><img src="image/s5lorc.gif" title="interval(Alt+()" alt="interval(Alt+()"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('interval',18)"><img src="image/s5lcro.gif" title="interval(Alt+[)" alt="interval(Alt+[)"/></td>   	   	    
     	   	   </tr>
     	   	   
    	   	    <tr> 
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('interval',16)"><img src="image/s5lcrc.gif" title="interval(Alt+])" alt="interval(Alt+])"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick= "insertElement('set',15)"><img src="image/s5set.gif" title="set" alt="set"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('list',15)"><img src="image/s5list.gif" title="list" alt="list"/></td>   	   	    
     	   	   </tr>
     	   	   <tr> 
     	   	   	<td  align="center" style="cursor:pointer" onclick= "insertElement('setdiff',2)"><img src="image/s5setdiff.gif" title="setdiff(Alt+/)" alt="setdiff(Alt+/)"/></td>
     	   	   	<td  align="center" style="cursor:pointer" onclick="insertElement('cartesianproduct',2)"><img src="image/s5cartesianproduct.gif" title="cartesianproduct(Alt+8)" alt="cartesianproduct(Alt+8)"/></td>   	   	 
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('card',1)"><img src="image/s5card.gif" title="card(Alt+O)" alt="card(Alt+O)"/></td> 
 	   	    
     	   	   </tr>      	   	      	   
    	   	   </table>
    	  	</span> 
       </td> 
    </tr>
    
    <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu6','bar6')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu6">
     	     	<img id="bar6" src="image/menu6.gif"/>    
        </td>   
    </tr>
    <tr>
       <td align="center" width="125">
    	   	<span id="submenu6" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('sin',6)"><img src="image/s6sin.gif" title="sin(Alt+F3+I)" alt="sin(Alt+F3+I)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('arcsin',6)"><img src="image/s6arcsin.gif" title="arcsin(Alt+F3+A)" alt="arcsin(Alt+F3+A)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	     <td  align="center" style="cursor:pointer" onclick="insertElement('cos',6)"><img src="image/s6cos.gif" title="cos(Alt+F3+C)" alt="cos(Alt+F3+C)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('arccos',6)"><img src="image/s6arccos.gif" title="arccos(Alt+F3+R)" alt="arccos(Alt+F3+R)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	     <td  align="center" style="cursor:pointer" onclick="insertElement('tan',6)"><img src="image/s6tan.gif" title="tan(Alt+F3+T)" alt="tan(Alt+F3+T)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('arctan',6)"><img src="image/s6arctan.gif" title="arctan(Alt+F3+N)" alt="arctan(Alt+F3+N)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('cot',6)"><img src="image/s6cot.gif" title="cot(Alt+F3+O)" alt="cot(Alt+F3+O)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('arccot',6)"><img src="image/s6arccot.gif" title="arccot(Alt+F3+g)" alt="arccot(Alt+F3+g)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	     <td  align="center" style="cursor:pointer" onclick="insertElement('sec',6)"><img src="image/s6sec.gif" title="sec(Alt+F3+E)" alt="sec(Alt+F3+E)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('arcsec',6)"><img src="image/s6arcsec.gif" title="arcsec(Alt+F3+D)" alt="arcsec(Alt+F3+D)"/></td>
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('csc',6)"><img src="image/s6csc.gif" title="csc(Alt+F3+S)" alt="csc(Alt+F3+S)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('arccsc',6)"><img src="image/s6arccsc.gif" title="arccsc(Alt+F3+F)" alt="arccsc(Alt+F3+F)"/></td>
    	   	   </tr>
    	   	  </table>
    	  	</span> 
       </td> 
    </tr>   
    <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu7','bar7')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu7">
     	     	<img id="bar7" src="image/menu7.gif"/>    
        </td>   
    </tr>
    <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu7" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td width="45%" align="center" style="cursor:pointer" onclick="insertElement('int',12)"><img src="image/s7integral.gif" title="integral(Alt+H)" alt="integral(Alt+H)"/></td>
    	   	    <td width="45%" align="center" style="cursor:pointer" onclick="insertElement('int',11)"><img src="image/s7int.gif" title="int(Alt+W)" alt="int(Alt+W)"/></td>
     	   	   </tr>
    	   	   <tr>
    	   	    <td width="45%" align="center" style="cursor:pointer" onclick="insertElement('diff',7)"><img src="image/s7diff.gif" title="diff(Alt+D)" alt="diff(Alt+D)"/></td>
    	   	    <td width="45%" align="center" style="cursor:pointer" onclick="insertElement('partialdiff',7)"><img src="image/s7partdiff.gif" title="partdiffdiff(Alt+Q)" alt="partdiffdiff(Alt+Q)"/></td>
    	   	   </tr>     	   	   
          </table>
    	  	</span> 
       </td> 
    </tr> 
    
   <tr width="125" bgcolor="#ece9d8"> 
       <td align="center"  onclick="menuclick('submenu8','bar8')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu8">
     	     	<img id="bar8" src="image/menu8.gif"/>    
        </td>   
   </tr>
   <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu8" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B1',1)"><img src="image/s8alpha.gif" title="alpha(Alt+F5+A)" alt="alpha(Alt+F5+A)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B2',1)"><img src="image/s8beta.gif" title="beta(Alt+F5+B)" alt="beta(Alt+F5+B)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B3',1)"><img src="image/s8gamma.gif" title="gamma(Alt+F5+G)" alt="gamma(Alt+F5+G)"/></td>    	   	     	   	  
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B4',1)"><img src="image/s8delta.gif" title="delta(Alt+F5+D)" alt="delta(Alt+F5+D)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B5',1)"><img src="image/s8straightepsilon.gif" title="straightepsilon(Alt+F5+E)" alt="straightepsilon(Alt+F5+E)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03C0',1)"><img src="image/s8pi.gif" title="pi(Alt+F5+P)" alt="pi(Alt+F5+P)"/></td>     	   	 
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B7',1)"><img src="image/s8eta.gif" title="eta(Alt+F5+N)" alt="eta(Alt+F5+N)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03B8',1)"><img src="image/s8theta.gif" title="theta(Alt+F5+T)" alt="theta(Alt+F5+T)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03BB',1)"><img src="image/s8lambda.gif" title="lambda(Alt+F5+L)" alt="lambda(Alt+F5+L)"/></td>     	   	 
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03BC',1)"><img src="image/s8mu.gif" title="mu(Alt+F5+M)" alt="mu(Alt+F5+M)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03C1',1)"><img src="image/s8rho.gif" title="rho(Alt+F5+R)" alt="rho(Alt+F5+R)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03C3',1)"><img src="image/s8sigma.gif" title="sigma(Alt+F5+S)" alt="sigma(Alt+F5+S)"/></td>     	   	 
             </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03C6',1)"><img src="image/s8straightphi.gif" title="straightphi(Alt+F5+H)" alt="straightphi(Alt+F5+H)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03C9',1)"><img src="image/s8omega.gif" title="omega(Alt+F5+O)" alt="omega(Alt+F5+O)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u03C8',1)"><img src="image/s8psi.gif" title="psi(Alt+F5+C)" alt="psi(Alt+F5+C)"/></td>     	   	 
    	   	   </tr>
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertChar('\u221E',1)"><img src="image/s8infin.gif" title="infinity(Alt+F5+I)" alt="infinity(Alt+F5+I)"/></td>
    	   	   
    	   	   </tr>
    	   	   </table>
    	  	</span> 
       </td> 
    </tr> 
   <tr width="125" bgcolor="#ece9d8"> 
       <td  align="center"  onclick="menuclick('submenu9','bar9')" style="cursor:pointer" width="125" bordercolordark="white" bordercolorlight="gray" onmouseover="this.style.backgroundColor='#E4CBE3'" onmouseout="this.style.backgroundColor=''" title="menu9">
     	       	<img id="bar9" src="image/menu9.gif"/>      	      
        </td>   
    </tr>
    <tr>
    	 <td align="center" width="125">
    	   	<span id="submenu9" style="margin-left:5;display:none;">   
    	  	<table width="120"> 
    	   	   <tr>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('matrix',13)"><img src="image/s9matrix1.gif" title="matrix(Alt+T)" alt="matrix(Alt+T)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('matrix',14)"><img src="image/s9matrix2.gif" title="matrix(Alt+5)" alt="matrix(Alt+5)"/></td>
    	   	    <td  align="center" style="cursor:pointer" onclick="insertElement('vector',15)"><img src="image/s9matrix3.gif" title="vector(Alt+V)" alt="vector(Alt+V)"/></td>
     	   	   <td/>
     	   	   </tr>
    	   	   </table>
    	  	</span> 
       </td> 
    </tr>        
 </table>
</td>
</tr></table>
<div id="selectedMath" style="display:none"></div>
<script type="text/javascript" src="editing.js"></script>
<script type="text/javascript" src="infix.js"></script>
<script type="text/javascript" src="mathml-infix.js"></script>
</body>
</html>

